$blue:#3190e8;
$bc:#e4e4e4;
$fc:#fff;

// 背景图片地址和大小
@mixin bis($url){
	background-image: url($url);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
@mixin borderRadius($radius){
	-webkit-border-radius:$radius;
	-moz-border-radius:$radius;
	-ms-border-radius:$radius;
	-o-border-radius:$radius;
	border-radius:$radius;
}

// 定位全屏
@mixin allcover{
	position: absolute;
	top: 0;
	right: 0;
}
// 定位上下左右居中
@mixin center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
// 定位上下居中
@mixin ct{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
}
// 定位左右居中
@mixin cl{
	position: absolute;
	left: 50%;
	transform:translateX(-50%);
}

// 宽高
@mixin wh($widht,$height){
	width: $width;
	height: $height;
}

// 字体大小、行高、字体
@mixin font($size,$line-height,$family:'Microsoft YaHei'){
	font: {$size}/{$line-height} $family;
}
// 字体大小，颜色
@mixin sc($size,$color){
	font-size:$size;
	color:$color;
}
// flex 布局和子元素 对齐方式
@mixin fj($typw:space-between){
	display: flex;
	justify-content:$type;
}